﻿html{ font-size: 62% !important;--color: #00a2ca;}

input{ -webkit-appearance: none; }
textarea{ -webkit-appearance: none; }
sub{bottom: inherit}
.slide-zoom{ height: 100%;}
.scroll-content { -webkit-overflow-scrolling: auto; }
.content-md{ background: #f5f5f5 !important;}
.content-ios{ background: #f5f5f5 !important;}
.popover-ios .popover-content{ left: 0px !important; bottom:0px !important; top: inherit !important; width: 100% !important;}
.header-ios .toolbar-ios:last-child .toolbar-background-ios{ border: 0px !important;}
ion-multi-picker{ padding: 0 0 0 8px !important;}
.font_color{ color: var(--color) !important;}
.bgcolor_white{ background:#ffffff !important;}
.bgcolor_red{ background: var(--color) !important;}
.bgcolor_color{ background: var(--color) !important;}
.popover-md .popover-content{ border-radius:0px !important; width: 100% !important; left: 0px !important; top:initial !important; bottom:0px !important;}
.select-md{ padding:0px !important; float:right}
.select-md .select-icon{ display:none;}
.ion-backdrop{ opacity:0.5 !important;}
.toolbar-md{ min-height: 46px !important;}
.toggle-md{ float: right; padding: 8px 0;}
.datetime-md{ padding: 0px;}
.has-refresher > .scroll-content { border-top: 0px;}
ion-content.has-refresher > .scroll-content { background-color: initial; }
.toast-md .toast-wrapper{ width: 94%; }

.tab-badge{border-radius: 10px !important;font-size: 8px !important;font-weight: 300 !important;width: 15px !important;height: 15px !important;line-height: 15px !important;text-align: center;padding: 0px !important;right: 17% !important;}
.badge-md{ border: 1px solid #f10215 !important; color: #f10215 !important; background: initial !important;}

page-select-pic .add{ width: 20px !important; position: absolute; right: 15px; height: 20px !important; line-height: 20px !important; border: 0px !important; font-size: 1.6rem !important;}
page-select-pic .pictures{ width: 20px !important; height: 20px !important; float: right !important;}


.pro_ion_backdrop ion-backdrop{opacity:0.3 !important;}

.ion_header_search{ float: left; width: 100%; left: 0px; top: 7px; padding: 7px 0px 0px 15px; background:#fff; }
.ion_header_search input{ background: #eee;}
.ion_header_search button{ position: absolute; border: 0px; right: 0px; top: 7px; width: 40px; text-align: center; background:#fff; line-height: 30px; color: #000; font-size: 13px;}
ion-footer{ border-top: 0px}
.footer-md::before, .tabs-md[tabsPlacement="bottom"] > .tabbar::before{background-image:none !important;}
.popover-ios .popover-content{ border-radius: 0px !important;}
.toolbar-ios .segment-button{ max-width: inherit !important;}

.ion_toolbar > .toolbar-background{ background: #fff !important; height: 35px !important;}
.ion_toolbar{ padding: 0px !important; height: 35px !important;}
.ion_toolbar.toolbar-md{ min-height: initial !important;}
.ion_toolbar.toolbar-ios{ min-height: initial !important;}
.segment-activated{ opacity:1 !important;}
.ion_toolbar .segment-md .segment-button{ color: #000 !important; height: 35px !important; line-height: 35px !important; font-size: 12px !important; border-bottom: 1px solid #e4e4e4 !important;max-width: none;}
.ion_toolbar .segment-md .segment-button span{ line-height: 35px;}
.ion_toolbar .segment-md .segment-button.activated span, .segment-md .segment-button.segment-activated span{ line-height: 29px; border-bottom: 4px solid var(--color) !important; font-weight: bold;}

.address_toolbar{ height: 40px !important;}
.address_toolbar > .toolbar-background{ background: #fff !important; height: 40px !important;}
.address_toolbar .segment-md .segment-button{ height: 40px !important; line-height: 20px !important;}
.address_toolbar h3{ margin: 0px; font-size: 14px;}
.address_toolbar span{ font-size: 10px; color: #999; line-height: 15px !important;}

.button-md{ box-shadow: 0 0 0 #000 !important;}

.swiper-slide img{ width: 100% !important;}


/* ion-backdrop{ opacity:0.3 !important;} */

.toolbar-background{ background: #fff !important}
.toolbar-title{ color: #000 !important; font-weight: 400 !important; font-size: 1.6rem !important; padding: 0px 5px !important;}
.bar-button-default{ color: #666 !important;}
.back-button{ min-width:20px !important; margin: 0px !important;}

.title-md{ position: absolute !important; width: calc(100% - 100px) !important; left: 50px !important; height: 30px; line-height: 30px; text-align: center !important; top: 8px !important;}

.order_search .title{ float: left !important; width: calc(100% - 100px) !important; line-height: 35px !important;}

.user_header .toolbar-background{ background: var(--color) !important; border-bottom: 0px !important;}
.user_header .toolbar-title{ color: #fff !important;}

.aaa::after{
  left: 0;
  bottom: -5px;
  background-position: left 0 top -2px;
  position: absolute;
  width: 100%;
  height: 5px;
  background-repeat: repeat-x;
  content: "";
}


.popover-content{ left: 0px !important;}


.list_search_header{ float: left; width: 100%; padding:10px;}
.list_search_header input{ float: left; height: 30px; border: 1px solid #eee; color: #999; background: #fff; width: calc(100% - 35px); border-radius: 5px; padding: 0 10px;}
.list_search_header span{ float: right; line-height: 30px; text-align: right; color: #999;}

.vip_user_info{ height: 110px; background: url(../imgs/user_bg.png) bottom center; background-size: 100% auto; padding:20px 10px; position: relative;}
.vip_user_info img{ float: left; width: 60px; height: 60px; border-radius: 50%; border: 1px rgba(255,255,255,0.5) solid !important;}
.vip_user_info i.fa-chevron-right{ line-height: 50px; float: right; color: #fff;}
.vip_user_info .user_name{ float: left; height: 50px; margin-left: 15px; color: #fff; width: 70%;}
.vip_user_info .user_name h3{ margin:3px 0 0 0; font-size: 1.6rem; height: 20px; overflow: hidden;}
.vip_user_info .user_name h3 em{ margin: 2px 5px 0 0px; background: rgba(0,0,0,0.1); float: left; width: 20px; height: 15px; line-height: 15px; text-align: center; border-radius: 10px; font-weight: 100; font-size: 12px;}
.vip_user_info .user_name span{ color: rgba(255,255,255,.8)}
.vip_user_info button{ height: 25px; line-height: 25px; position: absolute; top: 10px; right: 10px; background: initial; color: #fff; font-size: 14px;}
.vip_user_info button img.kf_icon{ width: 20px; height: 20px;}
.vip_user_info::before{ content: ""; position: absolute; width: 100%; height: 15px; background: initial; left: 0px; bottom: 0px;}

.user_card{ float: left; width: 100%; padding: 0 0; margin-bottom: 10px;}
.user_card_main{ background: #fff; float: left; width: 100%;}
.user_card_header{ float: left; width: 100%; padding: 10px 15px; line-height: 20px; border-bottom: 1px solid #f5f5f5; font-size: 14px;}
.user_card_header span{ color: #999; font-size: 14px;}
.user_card_header i{ color: #999; font-size: 2.2rem !important;}
.user_card_body{ float: left; width: 100%; padding-bottom: 20px;}
.user_card_body .user_card_case{}
.user_card_body .user_card_case h3{ font-size: 1.6rem; margin: 20px 0 2px 0; position: relative;}
.user_card_body .user_card_case h3 font{ font-size: 10px; margin-left: 5px; color: #aaa; font-weight: 400;}
.user_card_body .user_card_case h3 em{ width: 5px; height: 5px; background: #f10215; border-radius: 50%; position: absolute; top: 0px;}
.user_card_body .user_card_case span{ color: #999; font-size: 10px;}
.user_card_footer{ float: left; width: 100%; padding-bottom:15px;}
.user_card_header button{ height: 20px;; border-radius: 14px; font-size: 12px; color: #fff; float: right; padding: 0 10px;}

.cart_pro{ background: #fff !important;}
.cart_pro_item{ padding:15px 15px 15px 40px; position: relative; border-bottom: 1px solid #f5f5f5;}
.cart_pro_item:last-child{ border: 0px;}
.cart_pro_info{ float: left; width: 100%; position: relative;}
.cart_pro_item .cart_pro_check{ position: absolute; width: 1.6rem; height: 1.6rem; top: 50%; margin-top: -8px; border: 1px solid #999; padding: 2px; border-radius: 50%; left: 10px;}
.cart_pro_item .cart_pro_check.xuan{ border: 1px solid var(--color); background: var(--color); color: #fff;}
.cart_pro_item .cart_pro_check .circle{ width: 10px; height: 10px; background: var(--color); border-radius: 50%; display: none;}
.cart_pro_item .cart_pro_check.xuan .circle{ display: block;}
.cart_pro_item .cart_pro_check i{ display: none; font-size: 8px; line-height: 12px;}
.cart_pro_item .cart_pro_check.xuan i{ display: block;}
.cart_pro_item img{ width: 80px; position: absolute; left: 10px;}
.cart_pro_item .reminder{    background-color: rgba(0,0,0,.5); height: 20px; position: absolute; width: 80px;left: 10px;top: 70px;text-align: center;color: white;line-height: 20px;    font-size: 13px;}
.cart_pro_item h3.pro_name{ font-size: 14px; font-weight: 400; margin: 2px 0 0 0px;}
.cart_pro_item h3.pro_name em{ border: 1px solid #ef250f; color: #ef250f; font-size: 8px; padding: 1px 2px; border-radius: 10px; margin: 0px 5px 0 0;}
.cart_pro_item .pro_pic{ font-size: 18px; line-height: 25px; color: #ef250f;}
.cart_pro_item .pro_pic span{ font-size: 12px; font-weight: 500; float: left; margin-top: 2px;}
.cart_pro_item .pro_pic b{letter-spacing:-1px; font-weight: 500;}
.cart_pro_item .wh{ width: 50px; height: 50px; background: rgba(0,0,0,.6); border-radius: 50%; position: absolute; left: 10px; color: #fff; line-height: 50px; text-align: center;}
.num_p_m{ height: 25px; float: right;}
.num_p_m button{ width: 20px; height: 20px; color: #000 !important; padding: 0px; margin: 0px; float: left; font-size: 14px; font-weight: 400; background: #fff !important;}
.num_p_m button.p{ font-size: 20px;}
.num_p_m input{ width: 35px; background: #eee; height: 20px; font-size: 12px; margin: 0px; padding: 0px; float: left; border: 0px solid #ccc; text-align: center;}
.cart_pro_list .cart_cz{ padding: 10px 0;}
.cart_pro_list .cart_cz button{ border: 1px solid #ccc; border-radius: 5px; background: #fff; height: 22px; line-height: 20px;}
.cart_pro_list .cart_cz button.xuan{ background: var(--color); border: 1px solid var(--color); color: #fff;}
.cart_pro_list .cart_cz button i{ font-size: 1.6rem;}
.cart_pro_list .cart_cz i{ font-size: 25px; color: #999;}
.cart_pro_list .cart_cz button.xuan i{ color: #fff;}
.cart_pro_list .cart_cz input{ width: 80px; padding:0 5px; border: 1px solid #ccc; border-radius: 5px; background: #fff; height: 30px; line-height: 28px;}
.cart_pro > .cart_more{ padding: 10px 15px 10px 50px; background: #fdf0f1; float: left; width: 100%;}
.cart_pro > .cart_more p{ height: 25px; line-height: 25px; color: #999; overflow: hidden;}


.qd_list{ float: left; width: 100%;}
.qd_list .qd_item{ float: left; width: 100%; background: #fff; padding: 10px; margin-bottom: 10px;}
.qd_list .qd_item .qd_header{ float: left; width: 100%; padding-bottom: 10px;}
.qd_list .qd_item .qd_header .qd_address{ font-size: 1.6rem; font-weight: bold;}
.qd_list .qd_item .qd_header .qd_address em{ font-size: 11px; border: 1px solid var(--color); color: var(--color); padding: 1px 5px; border-radius: 10px;}
.qd_list .qd_item .qd_header span{ color: #999;}
.qd_list .qd_item .qd_body{ float: left; width: 100%; padding-bottom: 10px;}
.qd_list .qd_item .qd_body h3{ font-size: 1.6rem; font-weight: 400; margin: 0px;}
.qd_list .qd_item .qd_footer{ float: left; width: 100%;}
.qd_list .qd_item .qd_footer button{ height: 30px; float: right; background: var(--ion-color-secondary); color: #fff; font-size: 12px; border-radius: 3px; margin-left: 10px; padding: 0 15px;}
.qd_list .qd_item .qd_footer button:last-child{ margin-left: 0px;}

.footer_btn{ float: left; width: 100%; padding: 10px 0px;}
.footer_btn button{ float: left; width: calc(50vw - 30px); height: 40px; border-radius: 3px; margin-left: 20px; border: 1px solid var(--color); background: var(--color); color: #fff; font-size: 1.6rem;}
.footer_btn button.none{ border: 1px solid #aaa; background: #fff; color: #000;}

.dld.zd button{}
.dld_title{ float: left; width: 100%; padding: 10px; color: #999;}
.dld_body{ float: left; width: 100%; background: #fff;}
.dld_body button{ float: left; padding: 6px 15px; margin: 10px; font-size: 1.6rem; border-radius: 3px; background: #fff; border: 1px solid var(--color); color: var(--color);}
.dld_body button.xuan{ background: var(--color); color: #fff;}
.dld_body textarea{ border: 0px; font-size: 1.5rem !important;}

.dld_gjjl{ float: left; width: 100%;}
.dld_gjjl_case{ float: left; width: 100%; background: #fff; padding: 10px 10px 0; border-bottom: 1px solid #eee;}
.dld_gjjl_case .gjjl_time{ color: #ccc; float: left; width: 100%;}
.dld_gjjl_case .gjjl_main{ float: left; width: 100%; padding: 10px 0;}

.list_up_img{ padding: 0 0 0 15px;}
.list_up_img .img_item{ float: left; width: 100%; padding: 0 15px 12px 0;}
.list_up_img .img_item i{ width: 50px; height: 50px; font-size: 20px; text-align: center; background: #f5f5f5; color: #ccc; line-height: 48px; border: 1px solid #eee;}
.list_up_img .img_case{ float: left; width: 50px; height: 50px; overflow: hidden; margin-right: 10px; position:relative;}
.list_up_img .img_case:last-child{ margin-right: 0px;}
.list_up_img .img_case img{ float: left; width: 100%;}
.list_up_img .img_case em{ position: absolute; top: 0px; right: 0px; width: 20px; height: 20px; border-radius: 50%; text-align: center; line-height: 20px; font-size: 15px; background: red; color: #fff;}


.dld_add{ float: left; width: 100%; padding: 10px 0; text-align: center; color: var(--color); background: #fff;}



.settlement_modal{ position: fixed; width: 100%; top: 0px; height: 100%; border-bottom: 1px solid #e4e4e4; z-index: 999;}
.settlement_modal_bg{ position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 1;}
.settlement_modal_main{ position: absolute; width: 86%; z-index: 2; overflow: hidden; height: 170px; top: 50%; margin-top: -85px; left: 7%; background: #fff; border-radius: 5px;}
.settlement_modal_main.two{ height: 240px; margin-top: -120px;}
.settlement_modal_main.thr{ height: 320px; margin-top: -160px;}
.settlement_modal_main h3.settlement_modal_header{ font-size: 1.6rem; margin: 0px; padding: 20px; text-align: center;}
.settlement_modal_main .settlement_modal_body{ max-height: 210px; overflow-y: auto;}
.settlement_modal_main .settlement_modal_footer{ position: absolute; bottom: 0px; width: 100%;}
.settlement_modal_main .settlement_modal_footer button{ height: 40px; color: #fff;}
.settlement_modal_main .settlement_modal_footer button.left{ background: #fff; color: #000; border-top: 1px solid #e4e4e4;}

.settlement_modal_main .settlement_modal_body textarea{float:left;width:100%;height: 60px;border:0px;padding: 0 10px;}


.address_add{ position: fixed; width: 100%; height: 70%; background: #fff; bottom: 0px; left:0px; z-index: 999; padding: 10px;}
.address_add h3{ font-size: 1.6rem; float: left; margin: 0px 0px 10px 0; width: 100%;}
.address_add .address_add_tab{ float: left; width: 100%; height: 30px; border-bottom: 1px solid #eee;}
.address_add .address_add_tab li{ float: left; line-height: 30px; margin-left: 20px;}
.address_add .address_add_tab li:first-child{ margin-left: 0px;}
.address_add .address_add_tab li.xuan{ border-bottom: 1px solid var(--color); height: 30px; color: var(--color)}
.address_add .address_add_main{ float: left; width: 100%; height: calc(100% - 70px); overflow-y: auto; padding: 10px 0;}
.address_add .address_add_main span{ float: left; width: 100%; line-height: 30px;}
.address_add .address_add_main span.xuan{ color: var(--color);}
.address_add .address_add_main span.xuan i{ margin-left: 10px; color: var(--color); line-height: 30px;}

.tips_no_pro{ position: fixed; width: 100%; background: #f5f5f5; z-index: 999;overflow-y:auto;}
.tips_no_main{ position: fixed; width: 80%; left: 10%; top: 40%;}

.infinite-loading  { text-align: center;height: 50px;line-height: 50px;}
.infinite-loading .div {  display: inline-block;vertical-align: middle;margin-right: 5px;}
